/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */
import 'react-native-gesture-handler';
import React, {Fragment} from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,Image
} from 'react-native';

import { createAppContainer } from 'react-navigation';
import HomeScreen from './HomeScreen';
import DetaileScreen from './DetaileScreen';
import MessAgeScreen from './MessAgeScreen';
import MyTaoBaoScreen from './MyTaoBaoScreen';
import ShoppingScreen from './ShoppingScreen';

import { createBottomTabNavigator } from 'react-navigation-tabs';
import FontAwesome from 'react-native-vector-icons/FontAwesome';
const  AppNavigator = createBottomTabNavigator({
    HomeScreen:{
      screen : HomeScreen,
      navigationOptions:{
       title:'',//这个是名字
       header:false,
        tabBarIcon:({tintColor,focused})=>focused?
        (<Image source={require('./login/uik_nav_home_selected.png')} style={{height:60,width:60,marginTop:15}}></Image>)
        :
        (<Image source={require('./login/uik_nav_home_normal.png')} style={{height:60,width:60,marginTop:15}}></Image>) 
      }
    },
    Details:{
      screen : DetaileScreen,
      navigationOptions:{
       title:'' ,
        tabBarIcon:({tintColor,focused})=>focused?
        (<Image source={require('./login/uik_nav_weitao_selected.png')} style={{height:60,width:60,marginTop:15}}></Image>)
        :
        (<Image source={require('./login/uik_nav_weitao_normal.png')} style={{height:60,width:60,marginTop:15}}></Image>)
      }
    },
    MessAgeScreen:{
      screen:MessAgeScreen,
      navigationOptions:{
        title:'',
        tabBarIcon:({tintColor,focused})=>focused?
          (<Image source={require('./login/uik_nav_message_selected.png')} style={{height:60,width:60,marginTop:15}}></Image>)
           :
           (<Image source={require('./login/uik_nav_message_normal.png')} style={{height:60,width:60,marginTop:15}}></Image>)
        
         
      }
    },
    ShoppingScreen:{
      screen:ShoppingScreen,
      navigationOptions:{
        title:'',
        tabBarIcon:({tintColor,focused})=>focused?
        (<Image source={require('./login/uik_nav_cart_selected.png')} style={{height:60,width:60,marginTop:15}}></Image>)
         :
         (<Image source={require('./login/uik_nav_cart_normal.png')} style={{height:60,width:60,marginTop:15}}></Image>)
      }
    },
    MyTaoBaoScreen:{
      screen:MyTaoBaoScreen,
      navigationOptions:{
        title:'',
        tabBarIcon:({tintColor,focused})=>focused?
        (<Image source={require('./login/uik_nav_my_selected.png')} style={{height:60,width:60,marginTop:15}}></Image>)
         :
         (<Image source={require('./login/uik_nav_my_normal.png')} style={{height:60,width:60,marginTop:15}}></Image>)
      }
    }

 },{
   tabBarOptions:{
     
   },
   style:{
     height:1000
   }
 }
);
export default createAppContainer(AppNavigator);